@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pacifico';
    src: url('/static/fonts/Pacifico.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('/static/fonts/BebasNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/static/fonts/Cinzel-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('/static/fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Great Vibes';
    src: url('/static/fonts/GreatVibes-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster';
    src: url('/static/fonts/Lobster-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('/static/fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/static/fonts/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/static/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.pacifico {
    font-family: 'Pacifico', sans-serif;
    -webkit-text-stroke: 0.25px #F08080;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

.pacifico-normal {
    font-family: 'Pacifico', sans-serif;
}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0; 
    background-color: #fff;
    -webkit-overflow-scrolling: auto;
    overflow-x: hidden;
}


#loadinglottie {
    width: 50vh;
    height: 50vh;
}

@media (max-width: 992px) {
    #loadinglottie {
        width: 25vh;
        height: 25vh;
    }
}

.glass-card {
   /*background-color: rgba(255, 255, 255, 0.5);  /* translucent white */
  backdrop-filter: blur(10px);            /* the blur effect */
  -webkit-backdrop-filter: blur(10px);    /* for Safari */
}

a{
    text-decoration: none;
}